import {Button, Flex, Form, Input, Select} from 'antd'
// const mysql=await import('mysql')
import mysql from 'mysql'

const dbConfig = {
    host: '127.0.0.1', // 主机地址 （默认：localhost）
    user: 'root', // 数据库用户名
    password: 'xuchenxi.0824', // 数据库密码
    database: 'xframe', // 数据库名
    port: 3306 // 端口号 （默认：3306）
}
const CreateLink = () => {
    const query = () => {
        console.log('start connect')
        const conn = mysql.createConnection(dbConfig)
        console.log(conn)
        // conn.query('show databases', {}, (err, results, fields) => {
        //     console.log(err)
        //     console.log(results)
        //     console.log(fields)
        // })
    }
    return (<>
        <Form>
            {/*<Form.Item label={'数据库类型'}>*/}
            {/*    <Select></Select>*/}
            {/*</Form.Item>*/}
            <Form.Item label={'连接名'}>
                <Input></Input>
            </Form.Item>
            <Flex>
                <Form.Item label={'主机'}>
                    <Input></Input>
                </Form.Item>
                <Form.Item label={'端口'}>
                    <Input></Input>
                </Form.Item>
            </Flex>
            <Form.Item label={'账号'}>
                <Input></Input>
            </Form.Item>
            <Form.Item label={'密码'}>
                <Input></Input>
            </Form.Item>
            <Form.Item label={'数据库'}>
                <Input></Input>
            </Form.Item>
        </Form>
        <Button onClick={query}>测试连接</Button>
    </>)
}
export default CreateLink;